<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#all{
				width: 100%;
			}
			#head{
				width: 1020px;
				height: 150px;
				margin: 0 auto;
			}
			#bottom{
				width: 1020px;
				height: 200px;
				margin: 0 auto;
			} 
			#iframe-head{
				width: 1000px;
				height: 150px;
			}
			#iframe-bottom{
				width: 1000px;
				height: 180px;
				position: relative;
				top: -630px;
			}
			#ctn{
				background: url(img/images/bg.gif) no-repeat top center;
				width: 1000PX;
				height: 840px;
				margin: 0 auto;
				margin-top: -20px;
			}
			#ctn-left{
				height:600px;
				width:200px;
				margin-left: 10px;
			}
			#ctn-left ul{
				height: 50px;
				list-style: none;
				padding: 42px 10px;
				position: relative;
				top: -10px;
			}
			#ctn-left li{
				width: 60px;
				font: 12px/22px 宋体;
				float: left;
			}
			#ctn-left h1{
				font: bold 14px 宋体;
				color:#ff7300;
				line-height:15px;
			}
			#ctn-left a{
				color: black;
				text-decoration: none;
			}
			#ctn-right{
				width: 200px;
				height:250px;
				padding-top:55px;
				float: left;
				position: relative;
				left: -30px;
				top: -490px;
			}
			#ctn-right dl{
				width: 230px;
				height: 40px;
			}
			#ctn-right dt{
				float: left;
				width: 95px;
			}
			#ctn-right img{
				border:1px solid #9ea0a2;
				width:60px;
				height:45px;
				vertical-align:middle;
			}
			#ctn-right a{
				text-decoration: none;
				color: black;
				font: 12px/45px 宋体;
				margin-left: -10px;
			}
			#ctn-right a:hover{
				color: goldenrod;
			}
			#ctn-btm{
				width: 600px;
				height:660px;
				text-align:center;
				float: left;
				position: relative;
				top: -610px;
				left: -15px;
			}
			#ctn-btm dl{
				float:left;
				width:180px;
				height:100px;
			}
			#ctn-btm a{
				font: 10px 宋体;
				color: black;
				text-decoration: none;
			}
			#ctn-btm img{
				vertical-align:middle;
				border:1px solid #ccc;
			}
			#ctm-lunbo{
				width: 600px;
				height: 180px;
			}
			#ctn-details{
				width: 600px;
				height: 480px;
				margin-top: 40px;
				margin-left: 15px;
			}
		</style>
	</head>
	<body>
		<div id="all">
			<div id="head">
				<iframe src="head.html" id="iframe-head" scrolling="no" frameborder="0"></iframe>
			</div>
			<div id="ctn">
				<div id="ctn-left">
					<div id="">
						<ul>
							<h1>家用电器</h1>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">电燃气</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">电饭煲</a></li>
							<li><a href="#">摄像机</a></li>					
						</ul>
					</div>
					<div id="">
						<ul>
							<h1>家用电器</h1>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">电燃气</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">电饭煲</a></li>
							<li><a href="#">摄像机</a></li>					
						</ul>
					</div>
					<div id="">
						<ul>
							<h1>家用电器</h1>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">电燃气</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">电饭煲</a></li>
							<li><a href="#">摄像机</a></li>					
						</ul>
					</div>
					<div id="">
						<ul>
							<h1>家用电器</h1>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">电燃气</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">电饭煲</a></li>
							<li><a href="#">摄像机</a></li>					
						</ul>
					</div>     
				</div>
				<div id="ctn-btm">
					<div id="ctm-lunbo"><!-- 中间轮播图 -->
						<img src="img/images/ad-02.jpg" />
					</div>
					<div id="ctn-details"><!-- 中间部分详情 -->
						<dl>
							<dt><img src="img/images/promote-1.jpg"/></dt>
								<dd><a href="#">惠普商务移动应用英寸笔记本</a></dd>
						</dl>
						<dl>						
							<dt><img src="img/images/promote-2.jpg"/></dt>
								<dd><a href="#">夏新N6 GPS真人语音导航手机</a></dd>
						</dl>
						<dl>						
							<dt><img src="img/images/promote-3.jpg"/></dt>
								<dd><a href="#">三星家庭影院 HT-TZ325</a></dd>
						</dl>
						<dl>						
							<dt><img src="img/images/laser-pen.jpg"/></dt>
								<dd><a href="#">明基MP512投影机 2899元 </a></dd>
						</dl>
						<dl>						
							<dt><img src="img/images/mouse.jpg"/></dt>
								<dd><a href="#">罗技数据1TB移动鼠标729元开抢了！</a></dd>
						</dl>
						<dl>						
							<dt><img src="img/images/earphone.jpg"/></dt>
								<dd><a href="#">海森那尔极品耳机绝对不容错过！</a></dd>
						</dl>
						<dl>						
							<dt><img src="img/images/Wancom.jpg"/></dt>
								<dd><a href="#">亚马逊随时阅读，随时记录，时尚最佳选择！</a></dd>
						</dl>
						<dl>
							<dt><img src="img/images/Frame.jpg"/></dt>
								<dd><a href="#">优雅相框</a></dd>
						</dl>
						<dl>
							<dt><img src="img/images/notebook.jpg"/></dt>
								<dd><a href="#">IBM	2009最新上网本，特色尽显</a></dd>
						</dl> 
					</div>
				</div>
				<div id="ctn-right">
					<dl>
						<dt><img src="img/images/show1.jpg"/></dt>
						<dd><a href="#">大牌狂降价，三折直送</a></dd>
					</dl>
					<dl>
						<dt><img src="img/images/show2.jpg"/></dt>
						<dd><a href="#">大学要求老师开网店</a></dd>
					</dl>
					<dl>
						<dt><img src="img/images/show5.jpg"/></dt>
						<dd><a href="#">黑眼圈推荐，美白不停</a></dd>
					</dl>
					<dl>
						<dt><img src="img/images/show4.jpg"/></dt>
						<dd><a href="#">瘦身狂潮风，修形之选</a></dd>
					</dl>
					
				</div>
			</div>
			<div id="bottom">
				<iframe src="bottom.html" id="iframe-bottom" scrolling="no" frameborder="0"></iframe>
			</div> 
		</div>
	</body>
</html>
